@import 'base.less';
@import 'common.less';

body{
	background:  #fff;
}

// 已改

// pc
@media screen and (min-width: 769px) {
	footer{
		width: 1280px;
	}
	body{
		margin: 0 auto;
		width: 1280px;
	}
	header{
		background:rgb(8, 90, 118);
		width: 100%;
		font-size: 0.48rem;
		color: #fff;
		line-height: 53pt;
		height: 53pt;
		text-align: center;
	}
	.table-body{
		font-weight: normal;
		padding-bottom: 2rem;
	}

	.table-body{
		margin: 0 auto;
		width: 495pt;
		margin-top: 16pt;
		background: #fff;
		table{
			overflow-y: hidden;
			width: 495pt;
			margin: 0 auto;
			tr:first-child{
				// height: 0.88rem;
				margin: auto;
				border-bottom: none;
				th{
					height: 0.26rem;
					line-height: 0.26rem;
					background: #fff;
					font-size: 0.26rem;
					color: rgb(20,115,145);
				}
				th:nth-child(1),th:nth-child(2){
					border-right: 1px solid #e2e2e0;
				}
			}
			tr{
				width: 100%;
				border-bottom: 1px solid #e2e2e0;
				td{
					border-bottom: 1px solid #e2e2e0;
					text-align: center;
					font-size: 0.24rem;
					height: 1.02rem;
					line-height:1.02rem; 
				}
				
				td:nth-child(1),th:nth-child(1){
					width: 33%;
				}
				td:nth-child(3),th:nth-child(3){
					width: 33%;
				}
				td:nth-child(2),th:nth-child(2){
					width: 33%;
				}
			}
		}
	}

}

// mobile
@media screen and (max-width: 768px) {
	header{
		background:rgb(8, 90, 118);
		width: 100%;
		font-size: 0.32rem;
		color: #fff;
		line-height: 40pt;
		height: 40pt;
		text-align: center;
	}
	.table-body{
		width:100%;
		background: #fff;
		margin-bottom: 2rem;
	}
	footer{
		width: 100%;
	}
	.table-body{
		width: 100%;
		.display-box();
		.box-orient(vertical);
		font-weight: normal;
		table{
			margin-top: 0.3rem;
			width: 100%;
			text-align: center;
		}
		tbody{
			width: 100%;
		}
		tr:nth-child(odd){
			background: #fff;
		}
		
		tr{
			width: 100%;
			border-bottom: 1px solid #e2e2e0;
			td{
				font-size: 0.24rem;
				height: 1.02rem;
				line-height:1.02rem; 
				border-bottom: 1px solid #e2e2e0;
			}
			th{
				height: 0.26rem;
				line-height: 0.26rem;
				background: #fff;
				font-size: 0.26rem;
				color: rgb(20,115,145);
				margin: 0.3rem 0;
			}
			th:nth-child(1),th:nth-child(2){
				border-right: 1px solid #e2e2e0;
			}
			td:nth-child(1),th:nth-child(1){
				width: 33%;
			}
			td:nth-child(3),th:nth-child(3){
				width: 33%;
			}
			td:nth-child(2),th:nth-child(2){
				width: 33%;
			}
		}
	}
	

}

footer{
	position: fixed;
	bottom: 0;
	cursor: pointer;
	line-height: 32pt;
	text-align: center;
	height: 32pt;
	color: rgb(114, 113, 113);
	font-size: 0.3rem;
	background: rgb(234, 235, 239);
}

